The block nodes are inside a trough node.
levelbar {
&.horizontal {
- > block {
+ trough > block {
min-height: $levelbar_size;
border-radius: $levelbar_border_radius;
// segmented level bar
&.discrete {
- > block {
+ trough > block {
min-height: 2px;
margin: 1px;
min-width: 24px;
}
&.vertical {
- > block {
+ trough > block {
min-width: $levelbar_size;
border-radius: $levelbar_border_radius;
}
- &.discrete > block {
+ &.discrete > trough > block {
min-width: $levelbar_size - 7px;
margin: 1px 0;
min-height: 32px;
}
// level bar colours
- > block {
+ > trough > block {
border: 1px solid;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);